<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず設定変更</title>
<c:import url="/jsp/pc/keyword.jsp"/>
<link rel="stylesheet" type="text/css" href="/css/mixi.css" />
<style type="text/css">
  html { overflow: auto; }
  html, body, td, th { font-family: Arial, sans-serif; margin: 0px; padding: 0px; font-size: 10pt; color: #333333; }
  .text { font-family: Arial, sans-serif; margin: 0px; padding: 0px 10px; height: 100%; font-size: 10pt; color: #333333; }
  img { border: 0px; }
  form { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  input, textarea { margin: 3px 0 0 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  #side_bar { position: absolute; top: 6px; left: 620px; border: 1px solid #666; padding: 5px; line-height: 1.8; overflow:auto; background: url(/icon/white70per.png); width: 150px; height: 462px; }
  #header { background-color: #ffffff; position:absolute; top: 6px; left: 10px; z-index: 99; width: 592px; padding: 2px 4px; overflow: hidden; }
  div.errors { color: red; font-weight: bold; position: absolute; top: 35px; left: 15px; border: 1px solid #666; padding: 0px 5px; overflow:auto; background: url(/icon/white70per.png); width: 300px; height: 60px; }
  #body { background-color: #ffffff; font-size: 10pt; border: 1px solid #666; width: 763px; padding: 2px 4px; margin: 10px; }
  #help { background-color: #ffffff; font-size: 10pt; width: 759px; padding: 2px 4px; border: 3px solid #99b3cc; margin: 10px; }
  #copy { font-size: 8pt; position: absolute; top: 490px; left: 650px; }
  #footer { font-size: 8pt; position: absolute; top: 950px; left: 10px; }
</style>

</head>
<body>

<c:if test="${!empty errors}">
<p style="font-weight: bold; margin: 10px;">いくつかのエラーが発生しました。下記メッセージを確認してください。</p>
<ul style="color: red; font-weight: bold;">
<c:forEach var="e" items="${f:errors()}">
 <li>${f:h(e)}</li>
</c:forEach>
</ul>
</c:if>

<div id="body">
<h1>地図設定変更</h1>
<br/>
<form name="editConfigForm" action="/mixi/config" method="post">
<table>
 <tr>
  <td width="250px">
  <h2>地図タイトル</h2>
  <p class="indent">
	<input class="${f:errorClass('title', 'err')}" type="text" name="title" size="30" value="${f:h(title)}"/>
  </p>
  </td>
  <td width="250px">
  <h2>有効期限&nbsp;(<fmt:formatDate value="${expireDate}" pattern="yyyy/MM/dd HH:mm:ss"/>)</h2>
  <p class="indent">
	<select name="expire" class="${f:errorClass('expire', 'err')}">
	<option value="">変更しない</option>
	<option ${f:select("expire", "1")}>1日後</option>
	<option ${f:select("expire", "2")}>2日後</option>
	<option ${f:select("expire", "3")}>3日後</option>
	<option ${f:select("expire", "5")}>5日後</option>
	<option ${f:select("expire", "7")}>7日後</option>
	<option ${f:select("expire", "10")}>10日後</option>
	</select>
  </p>
  </td>
  <td>
  <h2>閲覧パスワード</h2>
  <p class="indent">
	<input class="${f:errorClass('viewPassword', 'err')}" type="text" name="viewPassword" value="${f:h(viewPassword)}"/>
  </p>
  </td>
 </tr>
 <tr>
  <td colspan="3">&nbsp;</td>
 </tr>
 <tr>
  <td>
  <h2>ライン表示形式</h2>
  <p class="indent"><input type="radio" ${f:radio("line", "1")}/>直線</p>
  <p class="indent"><input type="radio" ${f:radio("line", "2")}/>ルート(車)</p>
  <p class="indent"><input type="radio" ${f:radio("line", "3")}/>ルート(徒歩)</p>
  </td>
  <td>
  <h2>公開設定</h2>
  <p class="indent"><input type="radio" ${f:radio("access", "1")}/>全公開</p>
  <p class="indent"><input type="radio" ${f:radio("access", "2")}/>友達まで公開(外部からは許可)</p>
  <p class="indent"><input type="radio" ${f:radio("access", "3")}/>友達まで公開(外部からも拒否)</p>
  </td>
  <td>&nbsp;</td>
 </tr>
 <tr>
 <td colspan="3">&nbsp;</td>
 </tr>
 <tr>
  <td colspan="3">
  <input type="hidden" ${f:hidden("sid")}/>
  <h2>
  <input type="button" name="cancel" value="キャンセル" onClick="location.href='/mixi/view?sid=${f:h(sid)}'">
  &nbsp;&nbsp;&nbsp;
  <input type="submit" name="cmd" value="変更する">
  </h2>
  </td>
 </tr>
</table>

</form>
</div>


<p class="indent"><a href="/mixi/view?sid=${f:h(sid)}">地図へ戻る</a></p>


</body>
</html>